﻿<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<!-- Document Meta
    ============================================= -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--IE Compatibility Meta-->
<meta name="author" content="zytheme" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="construction html5 template">
<link href="assets/images/favicon/favicon.ico" rel="icon">

<!-- Fonts
    ============================================= -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i%7CRaleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CUbuntu:300,300i,400,400i,500,500i,700,700i' rel='stylesheet' type='text/css'>

<!-- Stylesheets
    ============================================= -->
<link href="assets/css/external.css" rel="stylesheet">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">


<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->

<!-- Document Title
    ============================================= -->
<title>Autoshop | E-commerce Html5 Template</title>
</head>
<body>

     

<!-- Document Wrapper
	============================================= -->
<div id="wrapper" class="wrapper clearfix">
	<header id="navbar-spy" class="header header-1">
		<div class="top-bar">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-5">
						<ul class="list-inline top-contact">
							<li><span>Phone :</span> + 2 0106 5370701</li>
							<li><span>Email :</span> 7oroof@7oroof.com</li>
						</ul>
					</div>
					<div class="col-xs-12 col-sm-6 col-md-7">
						<ul class="list-inline pull-right top-links">
							<li>
								<a href="#">Login</a>
								/
								<a href="#">Register</a>
							</li>
							<li>
								<a href="#">Wishlist</a>
							</li>
							<li>
								<a href="#">Checkout</a>
							</li>
							<li>
								<a href="#">Stores</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">English <i class="fa fa-angle-down"></i></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">Arabic</a>
									</li>
									<li>
										<a href="#">German</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<!-- .row end -->
			</div>
			<!-- .container end -->
		</div>
		<!-- .top-bar end -->
		<nav id="primary-menu" class="navbar navbar-fixed-top">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					</button>
					<a class="logo" href="index.html">
					<img src="assets/images/logo/logo-light.png" alt="Autoshop">
					</a>
				</div>
				
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse pull-right" id="header-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-left">
						<li class="has-dropdown active">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle">Home</a>
							<ul class="dropdown-menu">
								<li>
									<a href="home-1.html">home 1</a>
								</li>
								<li>
									<a href="home-2.html">home 1</a>
								</li>
								<li>
									<a href="home-3.html">home 1</a>
								</li>
							</ul>
						</li>
						<!-- li end -->
						<li class="has-dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle">shop</a>
							<ul class="dropdown-menu">
								<li class="dropdown-submenu">
									<a href="#" data-toggle="dropdown" class="dropdown-toggle">shop product</a>
									<ul class="dropdown-menu">
										<li>
											<a href="shop-product-grid-right-sidebar.html">shop grid right sidebar</a>
										</li>
										<li>
											<a href="shop-product-grid-left-sidebar.html">shop grid left sidebar</a>
										</li>
									</ul>
								</li>
								<li class="dropdown-submenu">
									<a href="#" data-toggle="dropdown" class="dropdown-toggle">shop category</a>
									<ul class="dropdown-menu">
										<li>
											<a href="shop-category-right-sidebar.html">shop right sidebar</a>
										</li>
										<li>
											<a href="shop-category-left-sidebar.html">shop left sidebar</a>
										</li>
									</ul>
								</li>
								<li class="dropdown-submenu">
									<a href="#" data-toggle="dropdown" class="dropdown-toggle">shop single</a>
									<ul class="dropdown-menu">
										<li>
											<a href="shop-single-right-sidebar.html">single right sidebar</a>
										</li>
										<li>
											<a href="shop-single-left-sidebar.html">single left sidebar</a>
										</li>
										<li>
											<a href="shop-single-fullwidth.html">single fullwidth</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="shop-cart.html">shop cart</a>
								</li>
							</ul>
						</li>
						<!-- li end -->
						<li>
							<a href="about.html">about</a>
						</li>
						<li class="has-dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle">pages</a>
							<ul class="dropdown-menu">
								<li>
									<a href="404.html">page 404</a>
								</li>
								<li>
									<a href="maintenance.html">maintenance</a>
								</li>
								<li>
									<a href="soon.html">soon</a>
								</li>
								<li>
									<a href="faqs.html">page Faqs</a>
								</li>
								<li>
									<a href="login.html">login</a>
								</li>
								<li>
									<a href="register.html">register</a>
								</li>
							</ul>
						</li>
						<li class="has-dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle">features</a>
							<ul class="dropdown-menu">
								<li class="dropdown-submenu">
									<a href="#" data-toggle="dropdown" class="dropdown-toggle">Headers</a>
									<ul class="dropdown-menu">
										<li>
											<a href="header-1.html">header 1</a>
										</li>
										<li>
											<a href="header-2.html">header 2</a>
										</li>
										<li>
											<a href="header-3.html">header 3</a>
										</li>
										<li>
											<a href="header-4.html">header 4</a>
										</li>
										<li>
											<a href="header-5.html">header 5</a>
										</li>
										<li>
											<a href="header-6.html">header 6</a>
										</li>
										<li>
											<a href="header-7.html">header 7</a>
										</li>
									</ul>
								</li>
								<li class="dropdown-submenu">
									<a href="#" data-toggle="dropdown" class="dropdown-toggle">Footers</a>
									<ul class="dropdown-menu">
										<li>
											<a href="footer-1.html#footer">Footer 1</a>
										</li>
										<li>
											<a href="footer-2.html#footer">Footer 2</a>
										</li>
										<li>
											<a href="footer-3.html#footer">Footer 3</a>
										</li>
										<li>
											<a href="footer-4.html#footer">Footer 4</a>
										</li>
										<li>
											<a href="footer-5.html#footer">Footer 5</a>
										</li>
										<li>
											<a href="footer-6.html#footer">Footer 6</a>
										</li>
										<li>
											<a href="footer-7.html#footer">Footer 7</a>
										</li>
									</ul>
								</li>
								<li class="dropdown-submenu">
									<a href="#" data-toggle="dropdown" class="dropdown-toggle">elements</a>
									<ul class="mega-menu left">
										<li>
											<ul>
												<li>
													<a href="element-cta.html">call to action</a>
												</li>
												<li>
													<a href="element-video.html">video</a>
												</li>
												<li>
													<a href="elements-blockquotes.html">blockquotes</a>
												</li>
												<li>
													<a href="elements-blog.html">blog</a>
												</li>
												<li>
													<a href="elements-clients.html">clients</a>
												</li>
												<li>
													<a href="elements-columns-grids.html">grids</a>
												</li>
												<li>
													<a href="elements-featured.html">featured</a>
												</li>
											</ul>
										</li>
										<li>
											<ul>
												<li>
													<a href="elements-icon-list.html">icon list</a>
												</li>
												<li>
													<a href="elements-pricing.html">pricing</a>
												</li>
												<li>
													<a href="elements-skills.html">skills</a>
												</li>
												<li>
													<a href="elements-team.html">team</a>
												</li>
												<li>
													<a href="elements-testimonials.html">testimonials</a>
												</li>
												<li>
													<a href="elements-typography.html">typography</a>
												</li>
											</ul>
										</li>
									</ul>
								</li>
								<li>
									<a href="">widgets</a>
								</li>
							</ul>
						</li>
						<!-- li end -->
						<li class="has-dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle">blog</a>
							<ul class="dropdown-menu">
								<li>
									<a href="blog-grid.html">blog grid</a>
								</li>
								<li>
									<a href="blog-standard.html">blog standard</a>
								</li>
								<li>
									<a href="blog-single.html">blog single</a>
								</li>
							</ul>
						</li>
						<li class="has-dropdown pull-left">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle">contact</a>
							<ul class="dropdown-menu">
								<li>
									<a href="contact-1.html">contact 1</a>
								</li>
								<li>
									<a href="contact-2.html">contact 2</a>
								</li>
							</ul>
						</li>
						<!-- li end -->
					</ul>
					
					<!-- Mod-->
					<div class="module module-search pull-left">
						<div class="search-icon">
							<i class="fa fa-search"></i>
							<span class="title">search</span>
						</div>
						<div class="search-box">
							<form class="search-form">
								<div class="input-group">
									<input type="text" class="form-control" placeholder="Type Your Search Words">
									<span class="input-group-btn">
									<button class="btn" type="button"><i class="fa fa-search"></i></button>
									</span>
								</div>
								<!-- /input-group -->
							</form>
						</div>
					</div>
					<!-- .module-search-->
					<!-- .module-cart -->
					<div class="module module-cart pull-left">
						<div class="cart-icon">
							<i class="fa fa-shopping-cart"></i>
							<span class="title">shop cart</span>
							<span class="cart-label">2</span>
						</div>
						<div class="cart-box">
							<div class="cart-overview">
								<ul class="list-unstyled">
									<li>
										<img class="img-responsive" src="assets/images/shop/thumb/1.jpg" alt="product"/>
										<div class="product-meta">
											<h5 class="product-title">Belt Car Engine</h5>
											<p class="product-price">Price: $68.00 </p>
											<p class="product-quantity">Quantity: 2</p>
										</div>
										<a class="cancel" href="#">cancel</a>
									</li>
									<li>
										<img class="img-responsive" src="assets/images/shop/thumb/2.jpg" alt="product"/>
										<div class="product-meta">
											<h5 class="product-title">OIL FILTER</h5>
											<p class="product-price">Price: $180.00 </p>
											<p class="product-quantity">Quantity: 1</p>
										</div>
										<a class="cancel" href="#">cancel</a>
									</li>
								</ul>
							</div>
							<div class="cart-total">
								<div class="total-desc">
									<h5>CART SUBTOTAL :</h5>
								</div>
								<div class="total-price">
									<h5>$316.00</h5>
								</div>
							</div>
							<div class="clearfix">
							</div>
							<div class="cart-control">
								<a class="btn btn-primary btn-block" href="#">view cart</a>
								<a class="btn btn-secondary btn-block" href="#">check out</a>
							</div>
						</div>
					</div>
					<!-- .module-cart end -->
					
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>
	</header>
	
	<!-- Page Title
============================================= -->
	<section id="page-title" class="page-title">
		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-8">
					<h1>Frequently Asked Questions</h1>
				</div>
				<!-- .col-md-8 end -->
				<div class="col-xs-12 col-sm-12 col-md-4">
					<ol class="breadcrumb text-right">
						<li>
							<a href="index.html">Home</a>
						</li>
						<li class="active">FAQs</li>
					</ol>
				</div>
				<!-- .col-md-4 end -->
			</div>
			<!-- .row end -->
		</div>
		<!-- .container end -->
	</section>
	<!-- #page-title end -->
	
	<!-- FQA Section
============================================= -->
	<section id="faqss" class="faqs faqs-1">
		<div class="container">
			<div class="row">
				<div class="col-xs-12  col-sm-12  col-md-9">
					<div class="panel-group accordion" id="accordion02" role="tablist" aria-multiselectable="true">
						
						<!-- question #1 -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="headingOne">
								<h4 class="panel-title"><i class="fa fa-question-circle"></i>
									<a class="accordion-toggle" role="button" data-toggle="collapse" data-parent="#accordion02" href="#collapse01" aria-expanded="true" aria-controls="collapse01"> How do I become an author? </a>
								</h4>
							</div>
							<div id="collapse01" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
								<div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in elementum purus molestie.Lorem ipsum dolor sit amet, consectetur elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis.</div>
							</div>
						</div>
						<!-- .panel end -->
						
						<!-- question #2 -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="headingTwo">
								<h4 class="panel-title"><i class="fa fa-question-circle"></i>
									<a class="accordion-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion02" href="#collapse02" aria-expanded="false" aria-controls="collapse02"> Helpful Resources for Authors </a>
								</h4>
							</div>
							<div id="collapse02" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
								<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in elementum purus molestie.Lorem ipsum dolor sit amet, consectetur elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. </div>
							</div>
						</div>
						<!-- .panel end -->
						
						<!-- question #3 -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="headingThree">
								<h4 class="panel-title"><i class="fa fa-question-circle"></i>
									<a class="accordion-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion02" href="#collapse03" aria-expanded="false" aria-controls="collapse03"> How much money can I make? </a>
								</h4>
							</div>
							<div id="collapse03" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
								<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in elementum purus molestie.Lorem ipsum dolor sit amet, consectetur elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. </div>
							</div>
						</div>
						<!-- .panel end -->
						
						<!-- question #4 -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="heading4">
								<h4 class="panel-title"><i class="fa fa-question-circle"></i>
									<a class="accordion-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion02" href="#collapse04" aria-expanded="false" aria-controls="collapse04"> Can I offer my items for free on a promotional basis? </a>
								</h4>
							</div>
							<div id="collapse04" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading4">
								<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in elementum purus molestie.Lorem ipsum dolor sit amet, consectetur elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. </div>
							</div>
						</div>
						<!-- .panel end -->
						
						<!-- question #5 -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="heading5">
								<h4 class="panel-title"><i class="fa fa-question-circle"></i>
									<a class="accordion-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion02" href="#collapse05" aria-expanded="false" aria-controls="collapse05"> How does the Tuts+ Premium affiliate program work? </a>
								</h4>
							</div>
							<div id="collapse05" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading5">
								<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in elementum purus molestie.Lorem ipsum dolor sit amet, consectetur elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. </div>
							</div>
						</div>
						<!-- .panel end -->
						
						<!-- question #6 -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="heading6">
								<h4 class="panel-title"><i class="fa fa-question-circle"></i>
									<a class="accordion-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion02" href="#collapse06" aria-expanded="false" aria-controls="collapse06"> What Images, Videos, Code or Music Can I Use in my Items? </a>
								</h4>
							</div>
							<div id="collapse06" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading6">
								<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in elementum purus molestie.Lorem ipsum dolor sit amet, consectetur elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. </div>
							</div>
						</div>
						<!-- .panel end -->
						
						<!-- question #7 -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="heading7">
								<h4 class="panel-title"><i class="fa fa-question-circle"></i>
									<a class="accordion-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion02" href="#collapse07" aria-expanded="false" aria-controls="collapse07"> Tips for Increasing Your Referral Income </a>
								</h4>
							</div>
							<div id="collapse07" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading7">
								<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in elementum purus molestie.Lorem ipsum dolor sit amet, consectetur elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. </div>
							</div>
						</div>
						<!-- .panel end -->
						
						<!-- question #8 -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="heading8">
								<h4 class="panel-title"><i class="fa fa-question-circle"></i>
									<a class="accordion-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion02" href="#collapse08" aria-expanded="false" aria-controls="collapse08"> How do I pay for items on the Marketplaces? </a>
								</h4>
							</div>
							<div id="collapse08" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading8">
								<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in elementum purus molestie.Lorem ipsum dolor sit amet, consectetur elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. </div>
							</div>
						</div>
						<!-- .panel end -->
						
						<!-- question #9 -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="heading9">
								<h4 class="panel-title"><i class="fa fa-question-circle"></i>
									<a class="accordion-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion02" href="#collapse09" aria-expanded="false" aria-controls="collapse09"> Get support for an item ? </a>
								</h4>
							</div>
							<div id="collapse09" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading9">
								<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in elementum purus molestie.Lorem ipsum dolor sit amet, consectetur elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. </div>
							</div>
						</div>
						<!-- .panel end -->
						
						<!-- question #10 -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="heading10">
								<h4 class="panel-title"><i class="fa fa-question-circle"></i>
									<a class="accordion-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion02" href="#collapse10" aria-expanded="false" aria-controls="collapse10"> What Payment Methods Are Available? </a>
								</h4>
							</div>
							<div id="collapse10" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading10">
								<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in elementum purus molestie.Lorem ipsum dolor sit amet, consectetur elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. </div>
							</div>
						</div>
						<!-- .panel end -->
						
						<!-- question #11 -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="heading11">
								<h4 class="panel-title"><i class="fa fa-question-circle"></i>
									<a class="accordion-toggle collapsed" role="button" data-toggle="collapse" data-parent="#accordion02" href="#collapse11" aria-expanded="false" aria-controls="collapse11"> Can I offer my items for free on a promotional basis? </a>
								</h4>
							</div>
							<div id="collapse11" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading11">
								<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in elementum purus molestie.Lorem ipsum dolor sit amet, consectetur elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. </div>
							</div>
						</div>
						<!-- .panel end -->
					</div>
					<!-- End .Accordion-->
				</div>
				<!-- .col-md-8 end -->
				<div class="col-xs-12  col-sm-12  col-md-3 sidebar">
					<!-- Categories
============================================= -->
					<div class="widget widget-categories">
						<div class="widget-title">
							<h5>categories</h5>
						</div>
						<div class="widget-content">
							<ul class="list-unstyled">
								<li>
									<a href="#"><i class="fa fa-angle-double-right"></i>Branding<span>(5)</span></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-angle-double-right"></i>Typography<span>(77)</span></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-angle-double-right"></i>UI Design<span>(6)</span></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-angle-double-right"></i>Wordpress<span>(11)</span></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-angle-double-right"></i>Development<span>(54)</span></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-angle-double-right"></i>Photography<span>(22)</span></a>
								</li>
							</ul>
						</div>
					</div>
					<!-- .widget-categories end -->
					
					<!-- Recent Posts
============================================= -->
					<div class="widget widget-recent">
						<div class="widget-title">
							<h5>recent posts</h5>
						</div>
						<div class="widget-content">
							<div class="entry">
								<img src="assets/images/sidebar/1.jpg" alt="title"/>
								<div class="entry-desc">
									<div class="entry-title">
										<a href="#">home renovations with modern style</a>
									</div>
									<div class="entry-meta">
										<div>on: <span>Dec 10, 2014</span></div>
										<div>by:
											<a href="#"> Begha</a>
										</div>
									</div>
								</div>
							</div>
							<!-- .recent-entry end -->
							
							<div class="entry">
								<img src="assets/images/sidebar/2.jpg" alt="title"/>
								<div class="entry-desc">
									<div class="entry-title">
										<a href="#">make your home your paradise</a>
									</div>
									<div class="entry-meta">
										<div>on: <span>Dec 10, 2014</span></div>
										<div>by:
											<a href="#"> Begha</a>
										</div>
									</div>
								</div>
							</div>
							<!-- .recent-entry end -->
							
							<div class="entry">
								<img src="assets/images/sidebar/3.jpg" alt="title"/>
								<div class="entry-desc">
									<div class="entry-title">
										<a href="#">How Important is Light in the Living Room?</a>
									</div>
									<div class="entry-meta">
										<div>on: <span>Dec 10, 2014</span></div>
										<div>by:
											<a href="#"> Begha</a>
										</div>
									</div>
								</div>
							</div>
							<!-- .recent-entry end -->
							
						</div>
						<!-- .widget-content end -->
					</div>
					<!-- .widget-recent end -->
					
					<!-- Tag Clouds
============================================= -->
					<div class="widget widget-tags">
						<div class="widget-title">
							<h5>tag clouds</h5>
						</div>
						<div class="widget-content">
							<a href="#">responsive</a>
							<a href="#">modern</a>
							<a href="#">blog</a>
							<a href="#">corporate</a>
							<a href="#">mount</a>
							<a href="#">business</a>
							<a href="#">awesome</a>
							<a href="#">marketing</a>
							<a href="#">fresh</a>
						</div>
					</div>
					<!-- .widget-tags end -->
					
					<!-- Flickr Stream
============================================= -->
					<div class="widget widget-flickr">
						<div class="widget-title">
							<h5>Flickr Stream</h5>
						</div>
						<div class="widget-content">
							<div id="flickr-feed"></div>
							<a class="flickr-more" href="#">View Stream On Flickr</a>
						</div>
					</div>
					<!-- .widget-flickr end -->
				</div>
				<!-- .col-md-3 end -->
			</div>
			<!-- .row end -->
		</div>
		<!-- .container end -->
	</section>
	
	<!-- Footer #1
============================================= -->
	<footer id="footer" class="footer footer-1">
		<!-- Footer Info
	============================================= -->
		<div class="footer-info">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="panel-info">
							<div class="info-icon">
								<i class="icon icon-Truck"></i>
							</div>
							<div class="info-content">
								<h4>Free Shipping</h4>
								<p>Lorem ipsum dolor siamet, adipiscing condimen tristique vel.</p>
							</div>
						</div>
					</div>
					<!-- .col-md-3 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="panel-info">
							<div class="info-icon">
								<i class="icon icon-Dollars"></i>
							</div>
							<div class="info-content">
								<h4>Fair Prices</h4>
								<p>Lorem ipsum dolor siamet, adipiscing condimen tristique vel.</p>
							</div>
						</div>
					</div>
					<!-- .col-md-3 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="panel-info">
							<div class="info-icon">
								<i class="icon icon-Shield"></i>
							</div>
							<div class="info-content">
								<h4>Secure Shopping</h4>
								<p>Lorem ipsum dolor siamet, adipiscing condimen tristique vel.</p>
							</div>
						</div>
					</div>
					<!-- .col-md-3 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="panel-info">
							<div class="info-icon">
								<i class="icon icon-Headset"></i>
							</div>
							<div class="info-content">
								<h4>Customer Support</h4>
								<p>Lorem ipsum dolor siamet, adipiscing condimen tristique vel.</p>
							</div>
						</div>
					</div>
					<!-- .col-md-3 end -->
				</div>
			</div>
			<!-- .container end -->
		</div>
		<!-- .footer-info end -->
		
		<!-- Footer Widget
	============================================= -->
		<div class="footer-widget">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-4 footer-widget-about">
						<div class="footer-widget-title">
							<h5>About Us</h5>
						</div>
						<div class="footer-widget-content">
							<p>Lorem ipsum dolor sit amet, adipiscing condimentum tristique vel, eleifend sed turpis. Amet, consectetur adipising elit Integer.</p>
							<div class="footer-social">
								<a class="share-facebook" href="#"><i class="fa fa-facebook"></i></a>
								<a class="share-google-plus" href="#"><i class="fa fa-google-plus"></i></a>
								<a class="share-twitter" href="#"><i class="fa fa-twitter"></i></a>
								<a class="share-pinterest" href="#"><i class="fa fa-pinterest"></i></a>
								<a class="share-vimeo" href="#"><i class="fa fa-vimeo"></i></a>
								<a class="share-rss" href="#"><i class="fa fa-rss"></i></a>
							</div>
						</div>
					</div>
					<!-- .col-md-4 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-2 footer-widget-link">
						<div class="footer-widget-title">
							<h5>My Account</h5>
						</div>
						<div class="footer-widget-content">
							<ul class="list-unstyled">
								<li>
									<a href="#">My Account</a>
								</li>
								<li>
									<a href="#">Order History</a>
								</li>
								<li>
									<a href="#">Wish List</a>
								</li>
								<li>
									<a href="#">Newsletter</a>
								</li>
							</ul>
						</div>
					</div>
					<!-- .col-md-2 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-2 footer-widget-link">
						<div class="footer-widget-title">
							<h5>Information</h5>
						</div>
						<div class="footer-widget-content">
							<ul class="list-unstyled">
								<li>
									<a href="#">About Us</a>
								</li>
								<li>
									<a href="#">Delivery Information</a>
								</li>
								<li>
									<a href="#">Privacy Policy</a>
								</li>
								<li>
									<a href="#">Terms & Conditions</a>
								</li>
							</ul>
						</div>
					</div>
					<!-- .col-md-2 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-2 footer-widget-link">
						<div class="footer-widget-title">
							<h5>Customer Service</h5>
						</div>
						<div class="footer-widget-content">
							<ul class="list-unstyled">
								<li>
									<a href="#">Contact Us</a>
								</li>
								<li>
									<a href="#">Returns</a>
								</li>
								<li>
									<a href="#">Site Map</a>
								</li>
							</ul>
						</div>
					</div>
					<!-- .col-md-2 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-2 footer-widget-link">
						<div class="footer-widget-title">
							<h5>Extras</h5>
						</div>
						<div class="footer-widget-content">
							<ul class="list-unstyled">
								<li>
									<a href="#">Brands</a>
								</li>
								<li>
									<a href="#">Gift Vouchers</a>
								</li>
								<li>
									<a href="#">Affiliates</a>
								</li>
								<li>
									<a href="#">Specials</a>
								</li>
							</ul>
						</div>
					</div>
					<!-- .col-md-2 end -->
				</div>
			</div>
			<!-- .container end -->
		</div>
		<!-- .footer-widget end -->
		
		<!-- Footer Bar
	============================================= -->
		<div class="footer-bar">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-6">
						<div class="powered">
							<p>Car Shop &copy; All Rights Reserved. With Made With Love By
								<a href="http://themeforest.net/user/7oroof/portfolio?ref=7oroof">7oroof.com</a>
							</p>
							<ul class="list-inline mb-0">
								<li>
									<a href="#">Privacy Policy</a>
								</li>
								<li>
									<a href="#">Terms of Use</a>
								</li>
								<li>
									<a href="#">Stores</a>
								</li>
								<li>
									<a href="#">About Us</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-12 col-sm-6 col-md-6">
						<div class="payment-methods text-right">
							<ul class="list-inline mb-0">
								<li><img src="assets/images/footer/visa.png" alt="payment"></li>
								<li><img src="assets/images/footer/mastercard.png" alt="payment"></li>
								<li><img src="assets/images/footer/american-express.png" alt="payment"></li>
								<li><img src="assets/images/footer/delta.png" alt="payment"></li>
								<li><img src="assets/images/footer/cirrus.png" alt="payment"></li>
								<li><img src="assets/images/footer/paypal.png" alt="payment"></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- .container end -->
		</div>
		<!-- .footer-copyright end -->
	</footer>
</div>
<!-- #wrapper end -->

<!-- Footer Scripts
============================================= -->
<script src="assets/js/jquery-2.2.4.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/functions.js"></script>
</body>
</html>
